/**
 * Created by ASUS on 2017/8/23.
 */
$(function () {
    $.get("http://localhost:3000/data/city.json", function (data) {
        // console.log(data.result.hotcity)
        var ass = data.result.hotcity;
        for (var i = 0; i < ass.length; i++) {
            // console.log(ass[i]);
            $("<li><a href='#'>" + ass[i].name + "</a></li>").appendTo(".remen ul")
        }
        var add = data.result.citylist;
        for (var s in add) {
            // console.log(s);
            $("<a href='#'>" + s + "</a>").appendTo(".abcd")
        }
        $(".abcd a").on("click", function () {
            $(".an p").html("")
            var citys = data.result.citylist[$(this).text()]
            for (var i = 0; i < citys.length; i++) {
                $("<a>" + citys[i].name + "</a>").appendTo(".an p")
            }
        })

        // $(".abcd a").html("")
        var citys = data.result.citylist["A"]
        for (var i = 0; i < citys.length; i++) {
            $("<a>" + citys[i].name + "</a>").appendTo(".an p")
        }
    })
    $.get("http://localhost:3000/data/xiu4.json",function (data) {

        for(var i in data.result){
            // console.log(data.result[i])
            $("<span><a>"+data.result[i]+"</a></span>").appendTo(".mai1")
        }
    })

    $.get("http://localhost:3000/data/xiu3.json",function (data) {
        for(var i=0;i<data.result.length;i++) {
            // console.log(data.result[i])
            $("<span><a>"+data.result[i].name+"</a></span>").appendTo(".mai")
        }
    })

    $.get("http://localhost:3000/data/xiu2.json",function (data) {
        for(var i=0;i<data.result.hot.length;i++) {
            // console.log(data.result.hot[i])
            $("<span><a>"+data.result.hot[i].name+"</a></span>").appendTo(".rewen")
        }
        for(var i=0;i<data.result.other.length;i++) {
            // console.log(data.result.other[i])
            $("<span><a>"+data.result.other[i].name+"</a></span>").appendTo(".qiwen")
        }
    })

    $.get("http://localhost:3000/data/xiu1.json",function (data) {
        for(var i=0;i<data.result.length;i++) {
            // console.log(data.result[i])
            $("<p><span class='span1'>" + data.result[i].name + "></span></p>").appendTo(".xiu")

            for(var s=0;s<data.result[i].list.length;s++){
                // console.log(data.result[i].list[s])
                $("<span class='span2'><a>" + data.result[i].list[s].name + "</a></span>").appendTo($(".xiu p").eq(i))
                // $(".xiu p").eq(s).html("<a>" + data.result[i].list[s].name + "</a>")
            }
        }

    })

    $.get("http://localhost:3000/data/shoujihuishou.json",function (data) {
        // console.log(data.result)
        for(var i=0;i<data.result.length;i++) {
            // console.log(data.result[i])
            $("<li><img src='"+data.result[i].img_url+"'><p>"+data.result[i].model_alis+"</p></li>").appendTo(".Tus .Tus1")
        }
    })
    $.get("http://localhost:3000/data/youpinjingxuan.json",function (data) {
        // console.log(data.result)
        for(var i=0;i<data.result.length;i++) {
            console.log(data.result[i].thum_img.old)
            $("<li><img src='"+data.result[i].thum_img.old+"'><p><span>"+data.result[i].brand_name+"</span><span>"+data.result[i].model_name+"</span></p><p class='ps'>￥"+data.result[i].price+"</p></li>").appendTo(".Tus .Tus2")
        }
    })

    //注册
    $("#zhuce").on("click",function () {
        if ($("#num").val() != "" && $("#mima").val() != "") {
            // alert("不能为空")
            $.ajax({
                type: "post",
                url: "http://localhost:3000/receiveMsg",
                data: JSON.stringify({
                    username: $("#num").val(),
                    pwd: $("#mima").val()
                }),
                success: function (data) {
                    console.log(data);
                }
            })
        }else {
            alert("您输入有误")
        }
    });
    
    
    
//     点击手机注册
    $(".shouji").on("click",function () {
        $(".shouji").css({
            color: "#fff",
            border: "1px solid #88cde2",
            "border-right":0,
            cursor: "default",
            background:"#a7deef" ,
            width: "100%"
        });
        $(".youxiang").css({
            color: "#000",
            background:"#fff"
        });
        $(".email").hide();
        $(".hao").show();
    });
//    点击邮箱注册
    $(".youxiang").on("click",function () {
        $(".youxiang").css({
            color: "#fff",
            border: "1px solid #88cde2",
            "border-right":0,
            cursor: "default",
            background:"#a7deef" ,
            width: "100%",
        });
        $(".shouji").css({
            color: "#000",
            background:"#fff"
        });
        $(".hao").hide();
        $(".email").show();
    });
    
    
//点击进入店铺
    $("#jingru").on("click",function () {
        window.open("html/dianpu.html")
    });

//城市切换显示
    $("#qie").on("click",function () {
        $(".chengshi").toggle()
    });
//城市切换关闭
    $(".guan").on("click",function () {
        $(".chengshi").hide()

    });

//登录显示
    $("#lu").on("click",function () {
        $(".daa").show()
        $(".deng").show()

    });
//注册显示
    $("#ce").on("click",function () {
        $(".daa").show()
        $(".zhuce").show()
    });
//地图显示
    $(".ditu").on("click",function () {
        $(".daa").show()
        $(".gaode").show()
    });
//关闭
    $(".stop").on("click",function () {
        $(".daa").hide()
        $(".deng").hide()
        $(".zhuce").hide()
        $(".gaode").hide()
    })
})


